<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets" template="Template.xhtml">
	<ui:define name="body">

		<script type="text/javascript">
			$(document).ready(function() {
				$(".submenu-active").removeClass('submenu-active');
				$("#role").addClass('submenu-active');
			});
		</script>

		<html>
<f:view>
	<h:form>
		<p:selectOneRadio styleClass="nostyle" id="optionsplan"
			value="#{activiteManagedBean.selectedPlannificationTypeString}">

			<f:selectItem itemLabel="Manuelle" itemValue="1" />
			<f:selectItem itemLabel="Automatique" itemValue="2" />
			<f:selectItem itemLabel="Check-List" itemValue="3" />
			<p:ajax listener="#{activiteManagedBean.onSelectPlannificationType}"
				update="panel,comp2" />
		</p:selectOneRadio>

		<h:outputText id="comp2" value="#{activiteManagedBean.comp2Value}" />

		<p:panel id="panel" header="F.C. Barcelona" footer="Visca el Barca!"
			widgetVar="panelW" visible="#{activiteManagedBean.panel}">
			<h:outputText value="FC Ba Eption in xxxxxxxxxxxxxxxxxxxxxxxx1955." />


			<p:commandButton id="decline" value="Annuler" type="button" />
			<h:form rendered="false" id="listRolesFormId"
				binding="#{activiteManagedBean.listRolesForm}">
				<p:selectOneMenu value="{buttonBean.number}" style="width:200px">
				</p:selectOneMenu>
			</h:form>
		</p:panel>
	</h:form>
</f:view>
		</html>
	</ui:define>
</ui:composition>
